
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Present &mdash; 100% Free Fully Responsive HTML5 Template by FREEHTML5.co</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
	

  

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
	<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Superfish -->
	<link rel="stylesheet" href="css/superfish.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="css/flexslider.css">

	<link rel="stylesheet" href="css/style.css">


	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>

		<header id="fh5co-header" role="banner">
			<div class="container text-center">
				<div id="fh5co-logo">
					<a href="index.html"><img src="images/logo.png" alt="Present Free HTML5 Bootstrap Template"></a>
					<h2>宫崎骏工作室</h2>
				</div>
				<nav>
					<ul>
						<li class="active"><a href="about.html">推荐</a></li>
						<li><a href="work.html">首页</a></li>
						<li><a href="contact.html">语录</a></li>
						<li><a href="#">敬请欣赏</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<!-- END #fh5co-header -->

		<div class="page-content">
			<h1 class="mb0">宫崎骏作品盘点</h1>
			<div class="meta"><span>宫崎骏是我们十分熟悉的动画大师</span>, <span>他创造出的奇幻世界影响着一代又一代人</span></div>
			<ul class="square">
				<li>幽灵公主</li>
				<li>千与千寻</li>
				<li>天空之城</li>
		    </ul>
			<p class="text-center"><img src="images/person.jpg" alt="Free HTML5 by FreeHTML5.co"></p>
			<p>幽灵公主为了拯救村民，阿斯达卡中了凶煞神的诅咒，被迫远走他乡寻找可以破除诅咒的方法。途中，阿斯达卡遇到了幻姬带领的穷苦村民，并很快与他们打成一片，一起采矿种植，一起努力生存。但是，人类的发展使得森林遭受了破坏，这激怒了白狼神莫娜和它养大的人类女孩“幽灵公主”桑，双方的冲突逐渐升级。阿斯达卡被桑所吸引，并深深理解她的行为，但为了帮助穷人们又不得不和她作战，就在阿斯达卡摇摆不定之时，一场影响森林和人类命运的意外发生了……</p>
			<p class="text-center"><img src="images/person1.jpg" alt="Free HTML5 by FreeHTML5.co"></p>
			<p>少女千寻与家人一起从都市搬家到了乡下。没想到在搬家的途中，一家人误入了一个奇特的世界，父母因为贪心变成了无法思考的猪。为拯救自己的父母，千寻踏上了冒险之旅，并在那里中遇到了各种各样的人与物，发生了许许多多暖心的故事……</p>
			<p class="text-center"><img src="images/person2.jpg" alt="Free HTML5 by FreeHTML5.co"></p>
			<p>传说蔚蓝的天空之上有一座名为拉比达的飞行岛，那里已经无人居住但却蕴藏着巨大的财富。虽然不知是否真的存在，但多年来各方势力一直都在竭力寻找这个传说中的都市。矿工帕克在某天偶遇了拉达比继承人希达，她正因为身上的飞行石而被军方和海盗追杀。虽然帕克尽力帮她逃亡，但希达最终还是被军方掳走。为救朋友，帕克选择与海盗合作，并在救援行动中意外发现了军方的邪恶计划。为了阻止这个计划，一行人踏上了寻找天空之城拉比达的旅途……</p>
			
		</div>

		
		<!-- END .container-fluid -->

		<footer id="fh5co-footer" role="contentinfo">
			<div class="container-fluid">
				<div class="footer-content">
					<div class="copyright"><small>&copy; 宇宙无敌小仙女 </small></div>
					<div class="social">
						<a href="#"><i class="icon-facebook3"></i></a>
						<a href="#"><i class="icon-instagram2"></i></a>
						<a href="#"><i class="icon-linkedin2"></i></a>
					</div>
				</div>
			</div>
		</footer>
		<!-- END #fh5co-footer -->
		
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- masonry -->
	<script src="js/jquery.masonry.min.js"></script>
	<!-- MAIN JS -->
	<script src="js/main.js"></script>

	</body>
</html>

